<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>我的资产</title>
    <link rel="stylesheet" href="../css/mobile_reset.css">
    <link rel="stylesheet" href="../css/mui.css">
    <link rel="stylesheet" href="../css/personal_center/my_money.css">
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);


        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
<!--我的资产-->
    <div class="my_money">
                   <div class="mui-control-item">
                       <!--赏金-->
                       <div class="duobaobi">
                           <div class="benjin_main">
                               <div class="left left_content">
                                   <p>赏金</p>
                                   <p><span><b>0</b>个</span></p>
                               </div>
                               <div class="right right_content">赏</div>
                           </div>
                       </div>
                    </div>

    </div>
    <div class="benjin_content">
        <h1>赏金记录</h1>
        <div class="money_record">
            <ul>
                <li>
                    <div class="left">
                        <p>试用好评关键词奖励</p>
                        <p><b>2017-03-06</b><b>10:10:10</b></p>
                    </div>
                    <div class="right">
                        <span>+200</span>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <p>兑换本金</p>
                        <p><b>2017-03-06</b><b>10:10:10</b></p>
                    </div>
                    <div class="right">
                        <span>+200</span>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <p>注册登录</p>
                        <p><b>2017-03-06</b><b>10:10:10</b></p>
                    </div>
                    <div class="right">
                        <span>+200</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/mui.js"></script>
<script type="text/javascript" charset="utf-8">
    //    取消禁止a标签的跳转
    mui('body').on('tap','a',function(){document.location.href=this.href;});
</script>
</html>















